<!DOCTYPE html>
<html>
<!----------------------------------
作者:laoWang--2020-6-24
@www.cqows.cn
----------------------------------->
<head>
    <meta charset="UTF-8">
    <title>奥维斯有点混合解剖台</title>
    <!--css放置-->
    <link rel="stylesheet" href="Semantic-UI-CSS-master/semantic.css">
    <link rel="stylesheet" href="css/mycss.css">
    <link rel="stylesheet" href="elementui/index.css">

</head>

<body id="car_index">

<div id="app" style="height: 680px">

    <!--菜单栏/导航-->
    <nav class="ui inverted attached segment m-padded-tb-mini m-shadow-small" id="nav_header" style="height: 70px;">
        <div class="ui container" style="float:left;">
            <span style="display: inline-block;float: left">
        <img src="./img/LOGO.png" style="width: 75px;height: 45px" alt="">
            </span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div style="display: inline-block;"><div style="height: 10px;"></div>
                <span class="ui teal header item"><font style="font-size: 30px">油电混合解剖演示台</font></span>

            </div>
        </div>
        <span style="float: right;font-size: 15px; margin-top: 10px;color:#BDBDBD;">重庆奥维斯技术支持</span>
    </nav>

    <div style="height:320px;width: 210px;display: inline-block;margin-left: 200px;margin-top: 120px">
        <ul>
            <!--纯电模式-->
            <a href="car_detail_cell.html" style="color: #2c662d">
                <li  align="center" class="hover"
                     style="width: 250px;border-radius:8px;height: 160px;background:#00B5AD;opacity: 0.8"><br><br>
                    <img src="./img/dianchi4.ico" alt="">
                    <div style="margin-top: 5px">
                        <div style="margin-top: 12px">
                            <p style="font-size: 16px">纯电模式</p>
                        </div>
                    </div>
                </li>
            </a>
            <br>
            <!--燃油模式-->
            <a href="car_detail_mixture.html" style="color: #08298A">
                <li align="center"
                     style="width: 250px;border-radius:8px;height: 160px; background: #5858FA;opacity: 0.8"><br>
                    <img src="./img/youdianhunhe.png" alt="" style="bottom:20px">
                    <div style="margin-top: 10px">
                        <p style="font-size: 15px;">混合模式</p>
                    </div>
                </li>
            </a>

        </ul>
            </div>

    <div style="height:320px;width: 210px;display: inline-block;margin-left: 60px;">
    <ul>
        <!--混合模式-->
        <a href="car_detail_full.html" style="color:#8A0808;margin-bottom: 10px">
            <li align="center"
                style="width: 250px;border-radius:8px;height: 160px;background:#FA5858;opacity: 0.8;margin-top: 20px"><br>
                <br>
                <img src="./img/qiyou.ico" alt="">
                <div style="margin-top: 10px">
                    <p style="font-size: 15px">燃油模式</p>
                </div>
            </li>
        </a>
        <br>
        <!--故障诊断-->
        <a href="car_fault.html" style="color: black">
            <li align="center"
                style="width: 250px;border-radius:8px;height: 160px;background: #c0c1c2;opacity: 0.8"><br>
                <img src="./img/banshou.ico" alt="">
                <div style="margin-top: 21px">
                    <p style="font-size: 15px">故障诊断</p>
                </div>
            </li>
        </a>

    </ul>

    </div>

</div>
<!--js放置-->
<script src="js/vue.js"></script>
<script src="elementui/index.js"></script>
<script src="./jquery/dist/jquery.js"></script>
<script src="Semantic-UI-CSS-master/semantic.js"></script>
<script src="js/axios-0.18.0.js"></script>
<script src="js/echarts.js"></script>
</body>
<!--中主表数据-->
<script>
    new Vue({
        el:'#app',
        created(){

        }
    });
</script>
</html>